@import "./resources/variables.scss";
// 页面布局 CSS 变量
:root {
  // 这是一个复合变量
  // 当页宽模式为 adaption-min-width 时，它代表 最小宽度
  // 当页宽模式为 center 时，它代表 固定宽度
  // 当页宽模式为 center-max-width 时，它代表 最大宽度
  --g-app-width: #{$g-app-width};
  // 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示）
  --g-header-width: #{$g-header-width};
  // 头部高度
  --g-header-height: 42px;
  // 侧边栏宽度
  --g-main-sidebar-width: 90px;
  --g-sub-sidebar-width: 200px;
  // 侧边栏收起后的宽度
  --g-sub-sidebar-collapse-width: 60px;
  // 侧边栏 Logo 区域高度
  --g-sidebar-logo-height: 60px;
  // 标签栏高度
  --g-tabbar-height: 38px;
  // 工具栏高度
  --g-toolbar-height: 40px;
}
